<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="/css/shopping.css">
	</head>
	<body>
		<header>
			<div class="header">
				<div class="header-left">
					<span class="logo"></span>
					<span class="Category">下拉查看类目
						<span class="jian ac"></span>
						<div class="list">
							<a href="/html/list.html">礼包收藏</a>
							<a href="/html/list.html">手办模型</a>
							<a href="/index.html">玩家共创</a>
							<a href="/index.html">新品专区</a>
							<a href="/index.html">数码电子</a>
							<a href="/index.html">服饰日用</a>
						</div>
					</span>
				</div>
				<a href="/index.html" class="w7"><div class="header-center"></div></a>
				<div class="header-right">
					<a href="/html/login.html">请QQ登录</a>
					<span class="right-list dingdan">我的订单
						<span class="jian ac"></span>
						<div class="right-tip">
							<a href="#">我的订单</a>
							<a href="#">我的收藏</a>
							<a href="#">我的优惠券</a>
							<a href="#">我的道具</a>
						</div>
					</span>
					<span class="right-list zhoubian">周边公告
						<span class="jian ac"></span>
						<div class="right-new">
							<a href="/html/list.html"> 普雷·伊希斯之卵 悬浮灯发货时</a>
							<a href="/html/list.html"> 新疆暂停发货</a>
							<a href="/html/list.html"> 江西、安徽部分地区物流停运公</a>
							<a href="/html/list.html"> 关于妙趣盒售卖事项的相关说明</a>
							<a href="/html/list.html">周边商城用户体验调查</a>
						</div>
					</span>
					<span class="right-list zhongxin">帮助中心
						<span class="jian ac"></span>
						<div class="right-tip">
							<a href="#"> 购物指南</a>
							<a href="#"> 配送方式</a>
							<a href="#"> 售后服务</a>
						</div>
					</span>
					<span class="shoji">手机周边
							<div class="er"></div>
					</span>
				</div>
			</div>
			<nav>
				<div class="nav">
					<span class="nav-buy">购物车页</span>
					<span class="nav-buy1"></span>
				</div>
			</nav>
		</header>
		<main>
			<div class="main">
				<ul class="main-buy">
					<li class="main-all">
							<input type="checkbox" class="main-xuan" >
						全选
					</li>
					<li class="main-sp">商品</li>
					<li class="main-dj">单价(元)</li>
					<li class="main-sl">数量</li>
					<li class="main-xj">小计</li>
					<li class="main-cz">操作</li>					
				</ul>
				<div class="main-center ">
					<div class="main-wu ac">
						〒_〒 购物车暂无商品！
						 <a href="../index.html">周边首页</a>
						 <a href="/html/list.html">查看全部周边</a>
					</div>
					<div id="shop_tbody"></div>
				<script type="text/html" id='cartTemplate'>
					{{each cart shop}}
					<ul class="main-buylist" data-id="{{shop.id}}">
						<li class="main-in">
							<input type="checkbox" class="checks" {{ shop.check ? 'checked' : '' }}>
						</li>
						<li class="main-shoban">
							<div class="main-buysp">
								<a href="/html/shopcart.html?id={{shop.id}}">
									<div class="main-imgbox">
										<img src="{{shop.photo[0].url}}" alt="">
									</div>
								</a>
								<div class="main-wenf1">
									<a href="/html/shopcart.html">{{shop.title.slice(0,8)}}</a>
									<span>颜色:彩</span>
									<span>尺寸:均码</span>
								</div>
							</div>
						</li>
						<li class="main-danjia">
							￥{{shop.price}}
						</li>
						<li class="main-shuliang">
							<div class="main-t">
								<span class="num add" ><img src="../images/buy_jian.jpg" ></span>
								<span class="num Input"><input type="text" value="{{shop.count}}" class="inp" /></span>
								<span class="num jian" ><img src="../images/buy_jia.jpg" ></span>
							</div>
						</li>
						<li class="main-xiaoji">
							<p>￥{{(shop.price*shop.count).toFixed(2)}}</p>
						</li>
						<li class="main-chaozuo">
							<a href="#">移入收藏夹&nbsp;&nbsp;</a>
							<a href="#">删除</a>
						</li>
					</ul>
					{{/each}}
				</script>
					<div class="main-jixu">
						<a href="../index.html" class="f7">继续购物</a>
						<a href="#" class="f8">删除所选中的商品</a>
						
    	 承诺：赠送游戏道具 / 7天无理由退换货 / 100%官方正品
    
					</div>
					<div class="main-border">
						<div class="main-yf">
							未满足免运费 , 全场购物满200元包邮
						</div>
						<div class="main-jia">
							<span class="shuliang">数量:0</span>
							<span class="jine">商品金额：¥0.00</span>
						</div>
						<a href="#" class="main-hui">去结算</a>
					</div>
				</div>
			</div>
		</main>
		<div class="service">
			
		</div>
		<footer></footer>
		<script src="/libs/require/require.min.js" data-main="/js/shopping"></script>
		
	</body>
</html>
